<html>
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8">

	<title>Flood test page</title>
	<script type="text/javascript" charset="utf-8" src="jquery1_5_1.js"></script>
	<script type="text/javascript" charset="utf-8" src="testgame.js"></script>
	<link rel="stylesheet" type="text/css" href="teststyle.css" media="screen" charset="utf-8"/>
</head>
<body>
	<div id="console" >
		<div id="gameboard">
			<div class='pieces red' id='p00'></div>
			<div class='pieces red' id='p10'></div>
			<div class='pieces yellow' id='p20'></div>
			<div class='pieces orange' id='p30'></div>
			<div class='pieces red' id='p01'></div>
			<div class='pieces orange' id='p11'></div>
			<div class='pieces yellow' id='p21'></div>
			<div class='pieces yellow' id='p31'></div>
			<div class='pieces red' id='p02'></div>
			<div class='pieces blue' id='p12'></div>
			<div class='pieces blue' id='p22'></div>
			<div class='pieces blue' id='p32'></div>
			<div class='pieces green' id='p03'></div>
			<div class='pieces blue' id='p13'></div>
			<div class='pieces blue' id='p23'></div>
			<div class='pieces red' id='p33'></div>
		</div>
<a href='#' onclick='startGame();'><div id='start'>Start</div></a>
		<div id="controlpane">
			<a href="#"><div class='moves' id="bluecont" onclick='move("blue");'></div></a>
			<a href="#"><div class='moves' id="redcont" onclick='move("red");'></div></a>
			<a href="#"><div class='moves' id="purplecont" onclick='move("purple");'></div></a>
			<a href="#"><div class='moves' id="orangecont" onclick='move("orange");'></div></a>
			<a href="#"><div class='moves' id="greencont" onclick='move("green");'></div></a>
			<a href="#"><div class='moves' id="yellowcont" onclick='move("yellow");'></div></a>
		</div>
	</div>
</body>
</html>
